<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>欢迎登陆</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
</head>
<body>
<!-- <h1 th:text="${session.map.ROLE}" >欢迎登陆 </h1>-->

 <div class="layui-carousel" id="test1">
     <div carousel-item>
         <div><img src="/images/carousel/image1.jpg" class="aaa" alt="1"></div>
         <div><img src="/images/carousel/image2.jpg" class="aaa" alt="2"></div>
         <div><img src="/images/carousel/image3.jpg" class="aaa" alt="3"></div>
         <div><img src="/images/carousel/image4.jpg" class="aaa" alt="4"></div>
         <div><img src="/images/carousel/image5.jpg" class="aaa" alt="5"></div>
     </div>
 </div>

 <script src="/layuiadmin/layui/layui.js"></script>
 <script>
     layui.config({
         base: '/layuiadmin/' //静态资源所在路径
     }).extend({
         index: 'lib/index' //主入口模块  ctrl+ shift + 数字
         // 20 分钟修改这个地方的代码

     }).use('index');

     layui.use('carousel', function(){
         var carousel = layui.carousel;
         //建造实例
         carousel.render({
             elem: '#test1'
             ,width: '100%' //设置容器宽度
             ,height: '500px'
             ,arrow: 'always' //始终显示箭头
             //,anim: 'updown' //切换动画方式
         });
     });
 </script>
<style>
    .aaa{
        width: 100%;
        height: auto;
    }
</style>

</body>
</html>